<!doctype html>
<html>
<head>
   <meta charset="utf-8">
   <title>eeqLoadingMask</title>
   <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
   <script type="text/javascript" src="jQuery.eeqMask.js"></script>
	<style>
		.content-box{height:2000px;}
		.btn{background-color:#666; color:#fff; text-align:center; width:100px; padding:10px; margin:500px auto; cursor:pointer;}
		.btn:hover{background-color:#777;}
	</style>
</head>
<body>
   <div class="content-box">
      <div id="testBtn" class="btn">click here</div>
   </div>
	<script>
		(function(){
			$.eeqMask.set({
				textBoxText : 'Please wait<span>...</span>',
				maskBgColor : '#666'
			});
			
			$('#testBtn').click(function(){
				$.eeqMask.open(function(){
					console.log('ok');
				});
				setTimeout(function(){
					$.eeqMask.close();
				},3000);
			});
		})();
	</script>
</body>
</html>
